<html>
    <head>
        <title><?php echo $title; ?></title>
        <meta name="description" content="<?php echo $description; ?>" />
	<meta name="keywords" content="<?php echo $keywords; ?>" />
        
        <script type="text/javascript" src="<?php echo js_asset_url('jquery-1.5.1.min.js'); ?>"></script>
        <script type="text/javascript" src="<?php echo js_asset_url('jquery.printElement.min.js'); ?>"></script>
        <script>
            $(document).ready(function() {
                $("#mapPrints").click(function() {
                    printElem({
                        pageTitle: 'Bake a wish : map',
                        leaveOpen:true,
			printMode:'iframe'
                    });
                });
            });
            
            function printElem(options){
                $('#mapPrint').printElement(options);
            }
        </script>

    </head>

    
    <body>
        <div id="mapPrint" style="text-align:center;">
           <?php echo image_asset('map.jpg', '', array('alt'=>'Bake a wish : map', 'width'=>'659', 'height'=>'715')); ?>
        </div>
        <div style="text-align:center;margin-top:20px;">
            <button id="mapPrints">Print</button>
        </div>
    </body>
</html>